<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>[%$softtitle%]</title>
<link href="templates/css/baselist.css" rel="stylesheet" type="text/css" />
<link href="templates/css/all.css" rel="stylesheet" type="text/css" />
<link href="templates/css/clickmenu.css" rel="stylesheet" type="text/css" />
<link href="templates/css/tab.css" rel="stylesheet" type="text/css"/>
<link href="templates/css/treemenu.css" rel="stylesheet" type="text/css"/>
<link href="templates/css/pagination.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/treemenu.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/pngfix.js"></script>
<script type="text/javascript" src="js/clickTablist.js"></script>
<script type="text/javascript" src="js/control.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
<script type="text/javascript">
	var myMenu;
var sdid = '[%$menuid%]';
var tabtitle = '[%$tab.title%]';
var tabdataLink = '[%$tab.url%]';
window.onload = function() {
    myMenu = new SDMenu("treemenu", sdid);
    myMenu.speed = 30;
    myMenu.remember = true;
    myMenu.oneSmOnly = true;
    myMenu.markCurrent = true;
    myMenu.markStrRe = true;
    myMenu.init()
};
var esptabkey = {
    showLoader: function() {
        $('#divMainLoader').css('display', 'none')
    },
    removeLoader: function() {
        $('#divMainLoader').css('display', 'none')
    },
    buildTree: function() {
        $('.functree li').each(function() {
            if ($(this).is(':has(ul)')) {
                $(this).addClass('collapse')
            }
            if ($(this).next().is('li') || $(this).next().is('ul')) {
                $(this).css({
                    borderLeft: 'dashed 1px #dedede'
                })
            }
        });
        $('li.collapse>span').click(function() {
            $(this).next('ul').slideToggle('fast', 
            function() {
                if ($(this).parent().hasClass('collapse')) {
                    $(this).parent().removeClass('collapse').addClass('expand')
                } else {
                    $(this).parent().removeClass('expand').addClass('collapse')
                }
            })
        });
        $('p.tabclick').css({
            'cursor': 'pointer'
        }).hover(function() {
            $(this).css({
                'color': '#3de',
                'text-decoration': 'none'
            })
        },
        function() {
            $(this).css({
                'color': '#000',
                'text-decoration': 'none'
            })
        }).click(function() {
            var dataLink = $(this).attr('dataLink') + "&freshid=" + Math.random();
            $.fn.jerichoTab.addTab({
                tabFirer: $(this),
                title: $(this).text(),
                closeable: true,
                iconImg: $(this).attr('iconImg'),
                data: {
                    dataType: $(this).attr('dataType'),
                    dataLink: dataLink
                }
            }).showLoader().loadData()
        })
    },
    buildTabpanel: function() {
        $.fn.initJerichoTab({
            renderTo: '.divRight',
            uniqueId: 'myJerichoTab',
            contentCss: {
                'height': $('.divRight').height() - 40
            },
            tabs: [{
                closeable: false,
                iconImg: '',
                title: tabtitle,
                data: {
                    dataType: 'iframe',
                    dataLink: tabdataLink
                }
            }],
            activeTabIndex: 0,
            loadOnce: true
        })
    }
}
$().ready(function() {
    d1 = new Date().getTime();
    esptabkey.showLoader();
    var w = $(window).width() - 166;
    var h = $(window).height() - 82;
    $('.divLeft').css({
        width: 50,
        height: h - 120,
        'display': 'block'
    });
    $('.divRight').css({
        width: w - 20,
        height: h
    });
    $('#leftbg').css({
        height: h - 63
    });
    $('#firefoxuser').html(($.browser.mozilla ? 'yes, your browser is Firefox': 'oh, you are not using Firefox?'));
    $('#ieuser').html(($.browser.msie ? 'yes, your browser is Internet Explorer': 'oh, you are not using Internet Explorer?'));
    esptabkey.buildTree();
    esptabkey.buildTabpanel();
    esptabkey.removeLoader()
})
 function sizewindow() {
    var w = $(window).width() - 166;
    var h = $(window).height() - 82;
    $('#leftbg').css({
        height: h - 63
    });
    $('.divRight').css({
        width: w - 20,
        height: h
    });
    $('#jerichotab_contentholder').css({
        height: h - 40
    });
    $('.jerichotabiframeclass').css({
        height: h - 40
    })
}
var resizewindow = null;
window.onresize = function() {
    var h = $(window).height();
    if (resizewindow != h) {
        sizewindow();
        resizewindow = h
    }
}
function locationout() {
    window.location.replace('index.php?archive=adminuser&action=loingout')
}
</script>
<!--[if IE 6]>
<style type="text/css" media="screen"> 
body { behavior:url("templates/css/csshover.htc");} 
</style>
<script type="text/javascript">
	$(document).ready(function(){
		$('div.logo').pngFix( );
		$('ul.bottonbg').pngFix( );
	});
</script>
<![endif]-->
</head>

<body>

[%include file="top.html"%]
[%beark name=menu class=$menuid%]
<div class="centerright">
	<div class="divRight"></div>
	<div class="ajaxloading" id="divMainLoader">正在加载中，请稍等...</div>
	<b id="firefoxuser" style="display:none"></b>
	<b id="ieuser" style="display:none"></b>
</div>
</body>

</html>


